<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="../js/vue.js"></script>
	</head>
	<body>
		<!-- 创建一个容器 -->
		<div id="box">
			<h1>插值语法</h1>
			<!-- 标签体内 -->
			<h3>Hello {{name}}!</h3>
			<hr/>
			<h1>指令语法</h1>
			<!-- 标签属性 -->
			<a v-bind:href="url">点我去超星</a>
		</div>
		<script>
			Vue.config.productionTip = false //阻止 vue 在启动时生成生产提示
			//创建一个Vue实例
			new Vue({
				el:'#box',
				//data数据结构设计的层级表示
				data:{
					name:'everybody',
					url:'http://www.chaoxing.com'
				}
			})
		</script>
	</body>
</html>